<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<title>电器文档管理系统</title>
<meta name="keywords" content="电器文档管理系统">
<meta name="description" content="电器文档管理系统">
<!--<link href="http://localhost/edoc/statics/css/reset.css" rel="stylesheet" type="text/css" />-->
<!--<link href="http://localhost/edoc/statics/css/default_blue.css" rel="stylesheet" type="text/css" />-->
<script type="text/javascript" src="http://localhost/edoc/statics/js/jquery.min.js"></script>
<script type="text/javascript" src="http://localhost/edoc/statics/js/jquery.sgallery.js"></script>
<script type="text/javascript" src="http://localhost/edoc/statics/js/search_common.js"></script>

<!--引入AdminLTE css和js问价-->
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
        <!-- bootstrap 3.0.2 -->
        <link href="http://localhost/edoc/statics/AdminLTE/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <!-- font Awesome -->
        <link href="http://localhost/edoc/statics/AdminLTE/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
        <!-- Ionicons -->
        <link href="http://localhost/edoc/statics/AdminLTE/css/ionicons.min.css" rel="stylesheet" type="text/css" />
        <!-- Morris chart -->
        <link href="http://localhost/edoc/statics/AdminLTE/css/morris/morris.css" rel="stylesheet" type="text/css" />
        <!-- jvectormap -->
        <link href="http://localhost/edoc/statics/AdminLTE/css/jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />
        <!-- Date Picker -->
        <link href="http://localhost/edoc/statics/AdminLTE/css/datepicker/datepicker3.css" rel="stylesheet" type="text/css" />
        <!-- Daterange picker -->
        <link href="http://localhost/edoc/statics/AdminLTE/css/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" />
        <!-- bootstrap wysihtml5 - text editor -->
        <link href="http://localhost/edoc/statics/AdminLTE/css/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css" rel="stylesheet" type="text/css" />
        <!-- Theme style -->
        <link href="http://localhost/edoc/statics/AdminLTE/css/AdminLTE.css" rel="stylesheet" type="text/css" />
        
               <!-- jQuery 2.1.1 -->
        <script src="http://localhost/edoc/statics/AdminLTE/js/jquery-2.1.1.min.js" type="text/javascript"></script>
        <!-- jQuery UI 1.10.3 -->
        <script src="http://localhost/edoc/statics/AdminLTE/js/jquery-ui-1.10.3.min.js" type="text/javascript"></script>
        <!-- Bootstrap -->
        <script src="http://localhost/edoc/statics/AdminLTE/js/bootstrap.min.js" type="text/javascript"></script>
        <!-- Morris.js charts -->
        <script src="http://localhost/edoc/statics/AdminLTE/js/raphael-min.js"></script>
        <script src="http://localhost/edoc/statics/AdminLTE/js/plugins/morris/morris.min.js" type="text/javascript"></script>
        <!-- Sparkline -->
        <script src="http://localhost/edoc/statics/AdminLTE/js/plugins/sparkline/jquery.sparkline.min.js" type="text/javascript"></script>
        <!-- jvectormap -->
        <script src="http://localhost/edoc/statics/AdminLTE/js/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js" type="text/javascript"></script>
        <script src="http://localhost/edoc/statics/AdminLTE/js/plugins/jvectormap/jquery-jvectormap-world-mill-en.js" type="text/javascript"></script>
        <!-- jQuery Knob Chart -->
        <script src="http://localhost/edoc/statics/AdminLTE/js/plugins/jqueryKnob/jquery.knob.js" type="text/javascript"></script>
        <!-- daterangepicker -->
        <script src="http://localhost/edoc/statics/AdminLTE/js/plugins/daterangepicker/daterangepicker.js" type="text/javascript"></script>
        <!-- datepicker -->
        <script src="http://localhost/edoc/statics/AdminLTE/js/plugins/datepicker/bootstrap-datepicker.js" type="text/javascript"></script>
        <!-- Bootstrap WYSIHTML5 -->
        <script src="http://localhost/edoc/statics/AdminLTE/js/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>
        <!-- iCheck -->
        <script src="http://localhost/edoc/statics/AdminLTE/js/plugins/iCheck/icheck.min.js" type="text/javascript"></script>
		<!--angular-->
		<script src="http://localhost/edoc/statics/AdminLTE/js/angular.js" type="text/javascript"></script>
		<script src="http://localhost/edoc/statics/AdminLTE/js/app.js" type="text/javascript"></script>
        <!-- AdminLTE App -->
        <script src="http://localhost/edoc/statics/AdminLTE/js/AdminLTE/app.js" type="text/javascript"></script>
<!--引入viewer和js问价-->

 <link href="http://localhost/edoc/statics/AdminLTE/viewer/viewer.min.css" rel="stylesheet" type="text/css" />
  <script src="http://localhost/edoc/statics/AdminLTE/viewer/viewer.min.js" type="text/javascript"></script>
        <!-- AdminLTE dashboard demo (This is only for demo purposes) -->
        <!--<script src="http://localhost/edoc/statics/AdminLTE/js/AdminLTE/dashboard.js" type="text/javascript"></script>-->


        <!-- AdminLTE for demo purposes -->
        <!--<script src="http://localhost/edoc/statics/AdminLTE/js/AdminLTE/demo.js" type="text/javascript"></script>-->
<style>
	.ename{
		font-family:'Microsoft YaHei',SimHei;
		font-size: 14px;
		padding-right: 8px;
	}
	.cname{
		font-size: 14px;
		font-weight: bold;
		color:#CED9E7;
	}
</style>
</head>
    <body class="skin-blue">
        <!-- header logo: style can be found in header.less -->
        <header class="header">
            <a href="http://localhost/edoc" class="logo">
                <!-- Add the class icon to your logo image or logo icon to add the margining -->
                
                <span class="ename">EDOC1.0</span><span class="cname">电器文档管理系统</span>
            </a>
            <!-- Header Navbar: style can be found in header.less -->
            <nav class="navbar navbar-static-top" role="navigation">
                <!-- Sidebar toggle button-->
                <a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>
                <div class="navbar-right">
                    <ul class="nav navbar-nav">
                        <!-- Messages: style can be found in dropdown.less-->
                        <li class="dropdown messages-menu">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                <i class="fa fa-envelope"></i>
                                <span class="label label-success">4</span>
                            </a>
                            <ul class="dropdown-menu">
                                <li class="header">您有4条消息</li>
                                <li>
                                    <!-- inner menu: contains the actual data -->
                                    <ul class="menu">
                                        <li><!-- start message -->
                                            <a href="#">
                                                <div class="pull-left">
                                                    <img src="" class="img-circle" alt="User Image"/>
                                                </div>
                                                <h4>
                                                    支持团队
                                                    <small><i class="fa fa-clock-o"></i> 5 分钟前</small>
                                                </h4>
                                                <p>Why not buy a new awesome theme?</p>
                                            </a>
                                        </li><!-- end message -->
                                        <li>
                                            <a href="#">
                                                <div class="pull-left">
                                                    <img src="" class="img-circle" alt="user image"/>
                                                </div>
                                                <h4>
                                                    AdminLTE 设计团队
                                                    <small><i class="fa fa-clock-o"></i> 2 小时前</small>
                                                </h4>
                                                <p>Why not buy a new awesome theme?</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <div class="pull-left">
                                                    <img src="" class="img-circle" alt="user image"/>
                                                </div>
                                                <h4>
                                                    开发者
                                                    <small><i class="fa fa-clock-o"></i> 今天</small>
                                                </h4>
                                                <p>Why not buy a new awesome theme?</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <div class="pull-left">
                                                    <img src="" class="img-circle" alt="user image"/>
                                                </div>
                                                <h4>
                                                    销售部门
                                                    <small><i class="fa fa-clock-o"></i> 昨天</small>
                                                </h4>
                                                <p>Why not buy a new awesome theme?</p>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <div class="pull-left">
                                                    <img src="" class="img-circle" alt="user image"/>
                                                </div>
                                                <h4>
                                                    Reviewers
                                                    <small><i class="fa fa-clock-o"></i> 2 天前</small>
                                                </h4>
                                                <p>Why not buy a new awesome theme?</p>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="footer"><a href="#">查看所有消息</a></li>
                            </ul>
                        </li>
                        <!-- Notifications: style can be found in dropdown.less -->
                        <li class="dropdown notifications-menu">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                <i class="fa fa-warning"></i>
                                <span class="label label-warning">10</span>
                            </a>
                            <ul class="dropdown-menu">
                                <li class="header">您有10条通知</li>
                                <li>
                                    <!-- inner menu: contains the actual data -->
                                    <ul class="menu">
                                        <li>
                                            <a href="#">
                                                <i class="ion ion-ios7-people info"></i> 今天有5个新成员加入
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <i class="fa fa-warning danger"></i> Very long description here that may not fit into the page and may cause design problems
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <i class="fa fa-users warning"></i> 5 new members joined
                                            </a>
                                        </li>

                                        <li>
                                            <a href="#">
                                                <i class="ion ion-ios7-cart success"></i> 25 sales made
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#">
                                                <i class="ion ion-ios7-person danger"></i> 您修改了您的名字
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="footer"><a href="#">查看所有通知</a></li>
                            </ul>
                        </li>
                        <!-- Tasks: style can be found in dropdown.less -->
                        <li class="dropdown tasks-menu">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                <i class="fa fa-tasks"></i>
                                <span class="label label-danger">9</span>
                            </a>
                            <ul class="dropdown-menu">
                                <li class="header">您有9条任务</li>
                                <li>
                                    <!-- inner menu: contains the actual data -->
                                    <ul class="menu">
                                        <li><!-- Task item -->
                                            <a href="#">
                                                <h3>
                                                    设计按钮
                                                    <small class="pull-right">20%</small>
                                                </h3>
                                                <div class="progress xs">
                                                    <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                                                        <span class="sr-only">20% 已完成</span>
                                                    </div>
                                                </div>
                                            </a>
                                        </li><!-- end task item -->
                                        <li><!-- Task item -->
                                            <a href="#">
                                                <h3>
                                                    新建一个漂亮的主题
                                                    <small class="pull-right">40%</small>
                                                </h3>
                                                <div class="progress xs">
                                                    <div class="progress-bar progress-bar-green" style="width: 40%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                                                        <span class="sr-only">40% 已完成</span>
                                                    </div>
                                                </div>
                                            </a>
                                        </li><!-- end task item -->
                                        <li><!-- Task item -->
                                            <a href="#">
                                                <h3>
                                                    一些该做的任务
                                                    <small class="pull-right">60%</small>
                                                </h3>
                                                <div class="progress xs">
                                                    <div class="progress-bar progress-bar-red" style="width: 60%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                                                        <span class="sr-only">60% 已完成</span>
                                                    </div>
                                                </div>
                                            </a>
                                        </li><!-- end task item -->
                                        <li><!-- Task item -->
                                            <a href="#">
                                                <h3>
                                                    标准的翻译主题
                                                    <small class="pull-right">80%</small>
                                                </h3>
                                                <div class="progress xs">
                                                    <div class="progress-bar progress-bar-yellow" style="width: 80%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                                                        <span class="sr-only">80% 已完成</span>
                                                    </div>
                                                </div>
                                            </a>
                                        </li><!-- end task item -->
                                    </ul>
                                </li>
                                <li class="footer">
                                    <a href="#">查看所有任务</a>
                                </li>
                            </ul>
                        </li>
                        <!-- User Account: style can be found in dropdown.less -->
<!--//<script type="text/javascript">document.write('<iframe src="http://localhost/edoc/index.php?m=member&c=index&a=mini&forward='+encodeURIComponent(location.href)+'&siteid=1" allowTransparency="true"  frameborder="0" scrolling="no"></iframe>')</script>-->	
            <li id="admin_header" class="dropdown user user-menu">
            	            	<a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                <i class="glyphicon glyphicon-user"></i>
                                <span>浏览者<i class="caret"></i></span>
                            </a>
                            <ul class="dropdown-menu">
                               
                                <li ><a role="menuitem" tabindex="-1" href="http://localhost/edoc/index.php?m=member&c=index&a=register&siteid=1" target="_blank">注册</a></li>
								<li ><a role="menuitem" tabindex="-1" href="http://localhost/edoc/index.php?m=member&c=index&a=login&forward=&siteid=1" target="_top">登录</a></li>
								<li role="separator" class="divider"></li>
								 <li ><a href="#" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://localhost/edoc');">设为首页</a>
        </li>
       <li > <a href="javascript:window.external.AddFavorite('http://localhost/edoc','电器文档管理系统')">加入收藏</a> </li>
                            </ul>
            	            </li>            	
 
                     
                    </ul>
                </div>
            </nav>
        </header>
        <div class="wrapper row-offcanvas row-offcanvas-left">
            <!-- Left side column. contains the logo and sidebar -->
            <aside class="left-side sidebar-offcanvas">
                <!-- sidebar: style can be found in sidebar.less -->
                <section class="sidebar">
                    <!-- Sidebar user panel -->
                    <div class="user-panel">
                    	                        	   <div class="pull-left image">
                            <img src="http://localhost/edoc/statics/images//member/nophoto.gif" class="img-circle" alt="User Image" />
                        </div>
                        <div class="pull-left info">
                            <p>你好， 浏览者</p>

                            <a href="#"><i class="fa fa-circle text-info"></i> 离线</a>
                        </div>
                                            </div>
                    <!-- search form -->
                    <form action="#" method="get" class="sidebar-form">
                        <div class="input-group">
                            <input type="text" name="q" class="form-control" placeholder="搜索..."/>
                            <span class="input-group-btn">
                                <button type='submit' name='seach' id='search-btn' class="btn btn-flat"><i class="fa fa-search"></i></button>
                            </span>
                        </div>
                    </form>
                    <!-- /.search form -->
                    <!-- sidebar menu: : style can be found in sidebar.less -->
          <!--菜单显示-->          
                	<ul class="sidebar-menu">
			<li class="active"><a href="http://localhost/edoc"> <i class="fa fa-dashboard"></i> <span>首页</span></a></li>
			
						
			<!--判断是否有子栏目-->
						 <li class="treeview">
                <a href="#" >
                    <i class="fa fa-flash"></i> <span>国内</span> 
                    <i class="fa fa-angle-left pull-right"></i>
                </a>
				<!--二级-->
				<ul class="treeview-menu">
							     			<li><a href="http://localhost/edoc/index.php?m=content&c=index&a=lists&catid=12"><i class="fa fa-adjust"></i> 国内1		     					     			</a></li>
		      						</ul>	
				<!--二级-->
				</li>
						 
						
			<!--判断是否有子栏目-->
							 <li>
                    <!--<a href="#" onclick="linkpost('http://localhost/edoc/index.php?m=content&c=index&a=lists&catid=8')">-->
                    <a href="http://localhost/edoc/index.php?m=content&c=index&a=lists&catid=8">
                        <i class="fa fa-flash"></i> <span>图片</span> 
                                            
                        <small class="badge pull-right bg-yellow">2</small>
                    	                    </a>    
				</li>	
						 
						
			<!--判断是否有子栏目-->
							 <li>
                    <!--<a href="#" onclick="linkpost('http://localhost/edoc/index.php?m=content&c=index&a=lists&catid=9')">-->
                    <a href="http://localhost/edoc/index.php?m=content&c=index&a=lists&catid=9">
                        <i class="fa fa-flash"></i> <span>电器图纸</span> 
                                            
                        <small class="badge pull-right bg-yellow">7</small>
                    	                    </a>    
				</li>	
						 
						
			<!--判断是否有子栏目-->
							 <li>
                    <!--<a href="#" onclick="linkpost('http://localhost/edoc/index.php?m=content&c=index&a=lists&catid=10')">-->
                    <a href="http://localhost/edoc/index.php?m=content&c=index&a=lists&catid=10">
                        <i class="fa fa-picture-o"></i> <span>原理图纸</span> 
                                            </a>    
				</li>	
						 
						<!--单网页显示 start-->
													<!--<li>
				<a href="http://localhost/edoc/index.php?m=link">
					<i class="fa fa-link"></i> <span>友情链接</span>
			
				</a>
			</li>-->
			<!--单网页显示 end-->
            </ul>
        				



                </section>
                <!-- /.sidebar -->
            </aside>

 <script type="text/javascript">
 	
</script>


            <!-- Right side column. Contains the navbar and content of the page -->
            <aside class="right-side" id="mainbody">
                <!-- Content Header (Page header) -->
                <section class="content-header">
                    <h1>首页</h1>
                    <ol class="breadcrumb">
                        <li><a href="#"><i class="fa fa-dashboard"></i> 首页</a></li>
                        <li class="active">仪表盘</li>
                    </ol>
                </section>

                <!-- Main content -->
                <section class="content">

                    <!-- Small boxes (Stat box) -->
                    <div class="row">
                     
        						   <div class="col-lg-3 col-xs-6">
                            <!-- small box -->
                            <div class="small-box bg-aqua">
                                <div class="inner">
                                    <h3>
                                        4                                    </h3>
                                    <p>
                                        国内                                    </p>
                                </div>
                                <div class="icon">
                                    <i class="fa fa-flash"></i>
                                </div>
                                <a href="#" class="small-box-footer">
                                    详细信息 <i class="fa fa-arrow-circle-right"></i>
                                </a>
                            </div>
                        </div><!-- ./col -->
			  <!--<li>
                    <a href="http://localhost/edoc/index.php?m=content&c=index&a=lists&catid=6">
                        <i class="fa fa-flash"></i> <span>国内</span> 
                                            
                        <small class="badge pull-right bg-yellow">4</small>
                    	                    </a>
            </li>		-->
						   <div class="col-lg-3 col-xs-6">
                            <!-- small box -->
                            <div class="small-box bg-aqua">
                                <div class="inner">
                                    <h3>
                                        2                                    </h3>
                                    <p>
                                        图片                                    </p>
                                </div>
                                <div class="icon">
                                    <i class="fa fa-flash"></i>
                                </div>
                                <a href="#" class="small-box-footer">
                                    详细信息 <i class="fa fa-arrow-circle-right"></i>
                                </a>
                            </div>
                        </div><!-- ./col -->
			  <!--<li>
                    <a href="http://localhost/edoc/index.php?m=content&c=index&a=lists&catid=8">
                        <i class="fa fa-flash"></i> <span>图片</span> 
                                            
                        <small class="badge pull-right bg-yellow">2</small>
                    	                    </a>
            </li>		-->
						   <div class="col-lg-3 col-xs-6">
                            <!-- small box -->
                            <div class="small-box bg-aqua">
                                <div class="inner">
                                    <h3>
                                        7                                    </h3>
                                    <p>
                                        电器图纸                                    </p>
                                </div>
                                <div class="icon">
                                    <i class="fa fa-flash"></i>
                                </div>
                                <a href="#" class="small-box-footer">
                                    详细信息 <i class="fa fa-arrow-circle-right"></i>
                                </a>
                            </div>
                        </div><!-- ./col -->
			  <!--<li>
                    <a href="http://localhost/edoc/index.php?m=content&c=index&a=lists&catid=9">
                        <i class="fa fa-flash"></i> <span>电器图纸</span> 
                                            
                        <small class="badge pull-right bg-yellow">7</small>
                    	                    </a>
            </li>		-->
						   <div class="col-lg-3 col-xs-6">
                            <!-- small box -->
                            <div class="small-box bg-aqua">
                                <div class="inner">
                                    <h3>
                                        0                                    </h3>
                                    <p>
                                        原理图纸                                    </p>
                                </div>
                                <div class="icon">
                                    <i class="fa fa-picture-o"></i>
                                </div>
                                <a href="#" class="small-box-footer">
                                    详细信息 <i class="fa fa-arrow-circle-right"></i>
                                </a>
                            </div>
                        </div><!-- ./col -->
			  <!--<li>
                    <a href="http://localhost/edoc/index.php?m=content&c=index&a=lists&catid=10">
                        <i class="fa fa-picture-o"></i> <span>原理图纸</span> 
                                            </a>
            </li>		-->
			
            </ul>
            
                      

                    </div><!-- /.row -->

                    <!-- Main row -->
                    <div class="row">
                        <!-- Left col -->
                        <section class="col-lg-7 connectedSortable">                            


                   
                      
                            <!-- quick email widget -->
                   
                        </section><!-- /.Left col -->
                        <!-- right col (We are only adding the ID to make the widgets sortable)-->
                        <section class="col-lg-5 connectedSortable"> 

                     
                            <!-- /.box -->

                            <!-- solid sales graph -->
                            <div class="box box-solid bg-teal-gradient">
                                <div class="box-header">
                                    <i class="fa fa-th"></i>
                                    <h3 class="box-title">系统信息</h3>
                                    <div class="box-tools pull-right">
                                        <button class="btn bg-teal btn-sm" data-widget="collapse"><i class="fa fa-minus"></i></button>
                                        <!--<button class="btn bg-teal btn-sm" data-widget="remove"><i class="fa fa-times"></i></button>-->
                                    </div>
                                </div>
                                <div class="box-body border-radius-none">
                                      <div class="list-group">

  <a href="#" class="list-group-item"><b>系统名称：</b>EDOC-电器文档管理系统</a>
  <a href="#" class="list-group-item"><b>系统版本：</b>1.0</a>
  <a href="#" class="list-group-item"><b>功能：</b>电器文档的在线管理，K值编码计算，电器共在线交流。</a>

</div>                       </div><!-- /.box-body -->
                               
                                </div><!-- /.box-footer -->
                            </div><!-- /.box -->                            
				
					<div class="box col-lg-12 col-xs-12">
						<div class="box-header">
							<h3 class="box-title">友情链接(By <a href="https://github.com/lipis/bootstrap-social">Lipis</a>)</h3>
						</div>
						<div class="box-body">
							 				
							<a href="http://172.16.6.66:8080/tzcgyw" class="btn  btn-social btn-bitbucket bg-orange" target="_blank">
								<i  title="特种车工艺网" target="_blank" class="fa fa-home"></i> 特种车工艺网							</a>
				
							 				
						</div>
					
				</div> 

                        </section><!-- right col -->
                    </div><!-- /.row (main row) -->

                </section><!-- /.content -->
            </aside><!-- /.right-side -->
        </div><!-- ./wrapper -->

        <!-- add new calendar event modal -->


    </body>
</html>